<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微合伙</title>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">

    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/commonHeader.css">
    <link rel="stylesheet" href="css/productDetail.css">
</head>
<body class="bg-gray">
<div class="header clearfix">
    <a href="javascript:history.go(-1);" class="header-left"></a>
    <p class="title-bar-text">联储证券-众诚4号金堂</p>
    <a href="projectList.html" class="header-right"></a>
</div>
<section class="p-detail-part1">
    <div class="part1-img-box">
        <img src="images/project-logo1.png" alt="">
        <p class="part1-img-text"><span class="money-text">￥300 </span> /次</p>
    </div>
    <div class="part1-text-box">
        <p class="am-fl ml-40"><img src="images/icon-pd-yuejian.png" alt="">约见 <span class="color-red">3次</span></p>
        <p class="am-fr mr-40"><img src="images/icon-pd-liulan.png" alt="">浏览 <span class="color-red">23次</span></p>
    </div>
    <div style="clear:both;"></div>
</section>
<section class="p-detail-part2">
    <div class="part2-items-box">
        <span class="part2-items-l">起投门槛</span>
        <span class="part2-items-r">1,000,000 元</span>
    </div>
    <div class="part2-items-box">
        <span class="part2-items-l">预期收益率</span>
        <span class="part2-items-r">7.0%</span>
    </div>
    <div class="part2-items-box">
        <span class="part2-items-l">产品期限</span>
        <span class="part2-items-r">24个月</span>
    </div>
    <div class="part2-items-box">
        <span class="part2-items-l">产品类型</span>
        <span class="part2-items-r">基金类</span>
    </div>
</section>
<section class="p-detail-part2">
    <div class="part2-items-box">
        <span class="part2-items-l">咨询电话</span>
        <span class="part2-items-r">18886888888</span>
    </div>
    <div class="part2-items-box">
        <span class="part2-items-l">项目管理人</span>
        <span class="part2-items-r">李经理</span>
    </div>
    <div class="part2-items-box">
        <span class="part2-items-l">项目托管人</span>
        <span class="part2-items-r">李经理</span>
    </div>
    <div class="part2-items-box">
        <span class="part2-items-l">收益分配方式</span>
        <span class="part2-items-r">半年付息</span>
    </div>
</section>
<section class="p-detail-part3">
    <header class="part3-header-bar">产品描述</header>
    <div class="part3-text-box">
        风控措施 1、成阿实业（发债主体，信用评级AA-）为本资管计划提供不可撤销的连带责任保证担保； 2、金堂县人民政府为本资管计划出具相关函件，承诺统筹安排还款； 3、金堂县财政局为本资管计划出具相关函件，承诺统筹安排还款
        4、金堂县人民代表大会常务委员会为本资管计划出具相关函件，承诺统筹安排还款。
    </div>
    <a href="#">
        <div class="part3-a-box">查看产品详情
            <img class="right-arrow" src="images/icon-uc-list-arraw.png" alt="">
        </div>
    </a>
</section>
<section class="p-detail-part4">
    <header class="part4-header-bar">相关信息</header>
    <div class="part4-items-box clearfix">
        <div class="part4-item-left"><img src="images/icon-pd-position.png" alt="">约见地址：</div>
        <div class="part4-item-right">北京市朝阳区北苑乐想汇3号楼828</div>
    </div>
    <div class="part4-items-box clearfix bd-none">
        <div class="part4-item-left"><img src="images/icon-pd-time.png" alt="">约见时间：</div>
        <div class="part4-item-right">
            <p>周一到周五</p>
            <p>上午9:00-11:00 下午2:00-4:00</p>
        </div>
    </div>
</section>
<section class="before-footer"></section>
<footer>
    <a href="javascript:;" class="footer-item footer-item1 weiguanzhu">
        <img src="images/collection1.png" alt="">
        <p>我要收藏</p>
    </a>
    <a href="javascript:;" class="footer-item footer-item2 js-modal-open">我要约见</a>
    <!--<a href="javascript:;" class="footer-item footer-item3">查看商业计划书</a>-->

</footer>
<div class="am-modal am-modal-no-btn " tabindex="-1" id="your-modal">
    <div class="am-modal-dialog">
        <!--<div class="am-modal-hd">-->
            <!--<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>-->
        <!--</div>-->
        <div class="am-modal-bd">
            <br>
            <p>仅认证投资人可约谈创业者，请播打010-58690663，将您的资料提交给我们的工作人员即可完成认证！</p>
            <hr>
            <p data-am-modal-close>确定</p>
        </div>

    </div>
</div>
<div class="am-modal am-modal-no-btn " tabindex="-1" id="your-modal1">
    <div class="am-modal-dialog">
        <!--<div class="am-modal-hd">-->
            <!--<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>-->
        <!--</div>-->
        <div class="am-modal-bd">
            <br>
            <p>已约见，我们的工作人员会尽快联系您，请保持电话畅通。</p>
            <hr>
            <p data-am-modal-close>确定</p>
        </div>

    </div>
</div>

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/amazeui.min.js"></script>
<script>
    //约见
    $(function () {
        var $modal = $('#your-modal');
        var $modal1 = $('#your-modal1');
        var flag = 1;
        //判断是否已认证
        if (flag) {
            window.location.href = "#";
//            $.ajax({
//                cache: true,
//                type: "POST",
//                url: "b.php",
//                data: {'src': imgsource},
//                async: true,
//                error: function (request) {
//
//                },
//                success: function (data) {
//
//                }
//            });
            $('.footer-item2').on('click', function (e) {
                var $target = $(e.target);
                if (($target).hasClass('js-modal-open')) {
                    $modal1.modal();
                } else if (($target).hasClass('js-modal-close')) {
                    $modal1.modal('close');
                } else {
                    $modal1.modal('toggle');
                }
                $('.footer-item2').text('已约见');
            });
        } else {
            $('.footer-item2').on('click', function (e) {
                var $target = $(e.target);
                if (($target).hasClass('js-modal-open')) {
                    $modal.modal();
                } else if (($target).hasClass('js-modal-close')) {
                    $modal.modal('close');
                } else {
                    $modal.modal('toggle');
                }
            });
        }

    });
</script>
<script type="text/javascript">
    $(function () {

        $('.footer-item1').click(function () {
            if ($(this).hasClass("weiguanzhu")) {
                //还没关注
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: "",
                    data: {},
                    async: false,
                    error: function (request) {
                        alert("Connection error");
                    },
                    success: function (data) {
                        $('.footer-item1').removeClass('weiguanzhu');
                        $('.footer-item1 img').attr('src', 'images/collection2.png');
                        $('.footer-item1 p').text('已收藏');
                    }
                });

            } else {
                //已经关注
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: "",
                    data: {},
                    async: false,
                    error: function (request) {
                        alert("Connection error");
                    },
                    success: function (data) {
                        $('.footer-item1').addClass('weiguanzhu');
                        $('.footer-item1 img').attr('src', 'images/collection1.png');
                        $('.footer-item1 p').text('我要收藏');
                    }
                });
            }
        });
    });

</script>
</body>
</html>